<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">


    <title>PacsOnline</title>
</head>
<body>
    <div data-role="page" id="testpage" data-theme="b">
        <div class="ui-panel-wrapper">
            <div data-role="header">
                <h1>PacsOnline</h1>
                <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-icon-back ui-btn-icon-left ui-btn-icon-notext">Back</a>
                <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-icon-left ui-icon-gear">Button</a>
            </div><!-- /header -->

            <div class="ui-content" role="main">
                <form class="ui-filterable">
                    <input id="myFilter" data-type="search">
                </form>

                <ul id="studylist" data-role="listview"  data-inset="true" data-filter="true" data-input="#myFilter">
                    <li>
                        <a href="#" class="ui-btn ui-btn-icon-right ui-icon-carat-r ">
                            <h3 class="ui-li-heading">CHEN YU MU</h3>
                            <p class="ui-li-desc">
                                PatientBirthDate:
                                <strong>Friday, October 16, 1970</strong>
                            </p>
                            <p class="ui-li-desc">
                                PatientID:
                                <strong>01040872</strong>
                            </p>
                            <p class="ui-li-desc">
                                PatientSex:
                                <strong>M</strong>
                            </p>
                            <span class="ui-li-count ui-body-inherit">4</span>
                        </a>
                    </li>
                    <li><a href="#">Billy</a></li>
                    <li><a href="#">Calvin</a></li>
                </ul>

            </div><!-- /content -->

            <div data-role="footer" data-position="fixed">
                <div data-role="navbar">
                    <ul>
                        <li><a href="#">Menu item 1</a></li>
                        <li><a href="#" class="ui-btn-active ui-state-persist">Menu item 2</a></li>
                        <li><a href="#">Menu item 3</a></li>
                    </ul>
                </div>
                <h4 style="display:none;">Footer</h4>
            </div><!-- /footer -->
        </div>



    </div>

<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="js/pacsconfig.js"></script>
<script src="js/mStudylist.js"></script>
</body>
</html>